import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  },
  {
    path: '/counter',
    name: 'counter',
    component: () => import(/* webpackChunkName: "about" */ '../views/CounterView.vue')
  },
  {
    path: '/VtextVhtml',
    name: 'VtextVhtml',
    component: () => import(/* webpackChunkName: "about" */ '../views/VTextVHtmlView.vue')
  },
  {
    path: '/VBind',
    name: 'VBind',
    component: () => import(/* webpackChunkName: "about" */ '../views/VBindView.vue')
  },
  {
    path: '/VModel',
    name: 'VModel',
    component: () => import(/* webpackChunkName: "about" */ '../views/VModelView.vue')
  },
  {
    path: '/Von',
    name: 'Von',
    component: () => import(/* webpackChunkName: "about" */ '../views/VonView.vue')
  },
  {
    path: '/Vfor',
    name: 'Vfor',
    component: () => import(/* webpackChunkName: "about" */ '../views/VforView.vue')
  }
  ,
  {
    path: '/Vif',
    name: 'Vif',
    component: () => import(/* webpackChunkName: "about" */ '../views/VifView.vue')
  },
  {
    path: '/VShow',
    name: 'VShow',
    component: () => import(/* webpackChunkName: "about" */ '../views/VShowView.vue')
  },
  {
    path: '/CalcView',
    name: 'CalcView',
    component: () => import(/* webpackChunkName: "about" */ '../views/CalcView.vue')
  },
  {
    path: '/GuessView',
    name: 'GuessView',
    component: () => import(/* webpackChunkName: "about" */ '../views/GuessView.vue')
  },
  {
    path: '/EmployeeView',
    name: 'EmployeeView',
    component: () => import(/* webpackChunkName: "about" */ '../views/EmployeeView.vue')
  },
  {
    path: '/ResumeView',
    name: 'ResumeView',
    component: () => import(/* webpackChunkName: "about" */ '../views/ResumeView.vue')
  },
  {
    path: '/LifeCycleView',
    name: 'LifeCycleView',
    component: () => import(/* webpackChunkName: "about" */ '../views/LifeCycleView.vue')
  },
  {
    path: '/PlusButtonView',
    name: 'PlusButtonView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusButtonView.vue')
  },
  {
    path: '/IconView',
    name: 'IconView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusIconView.vue')
  }
  ,
  {
    path: '/MessageView',
    name: 'MessageView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusMessageView.vue')
  },
  {
    path: '/RadioView',
    name: 'RadioView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusRadioView.vue')
  },
  {
    path: '/SelectView',
    name: 'SelectView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusSelectView.vue')
  },
  {
    path: '/SwitchView',
    name: 'SwitchView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusSwitchView.vue')
  }
  ,
  {
    path: '/FormView',
    name: 'FormView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusFormView.vue')
  },
  {
    path: '/TableView',
    name: 'TableView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusTableView.vue')
  },
  {
    path: '/MenuView',
    name: 'MenuView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusMenuView.vue')
  },
  {
    path: '/LayoutView',
    name: 'LayoutView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusLayOutView.vue')
  },
  {
    path: '/ContainerView',
    name: 'ContainerView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusContainerView.vue')
  },
  {
    path: '/CarouselView',
    name: 'CarouselView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusCarouselView.vue')
  },
  {
    path: '/CardView',
    name: 'CardView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusCardView.vue')
  },
  {
    path: '/DateTimeView',
    name: 'DateTimeView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusDateTimeView.vue')
  },
  {
    path: '/EmployeeView',
    name: 'EmployeeView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusEmployeeView.vue')
  },
  {
    path: '/IndexView',
    name: 'IndexView',
    component: () => import(/* webpackChunkName: "about" */ '../views/PlusIndexView.vue')
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router

